<h:panelGroup xmlns:h='http://java.sun.com/jsf/html'
              xmlns:p='http://primefaces.org/ui'
              xmlns:z='http://savanti.com.bo/ui'
              xmlns:x='http://java.sun.com/jsf/composite/ui/component'
              xmlns:e='http://java.sun.com/jsf/composite/ui/component-entity' styleClass='ITIngreso' id='ITIngreso'><p:growl id='growl'/>

<z:focus focus='#{ITIngreso.focus}'/>

<z:beanMenubar bean='#{ITIngreso}' title='Ingreso #{ITIngreso.entity.id}'/>


<h:panelGrid columns='1' width='100%' rendered='#{ITIngreso.form}'>

<h:panelGrid id='bean' columns='2' styleClass='bean align-top'>

  <x:beanPanel id='hd' bean='#{ITIngreso}' title='Cabecera' cellpadding='7'>

  <e:fieldL b='#{bean}' p='Motivo'      w='100px'/>

  <e:fieldI b='#{bean}' p='Documento'   w='100px'/>

  <e:fieldD b='#{bean}' p='Fecha'       w='100px' x='t'/>

  <e:fieldA b='#{bean}' p='Descripcion' w='100px'/>

  </x:beanPanel>


  <x:beanPanel id='ps' bean='#{ITIngreso}' title='Posicion' cellpadding='5' style='min-width: 500px'>

  <h:panelGrid columns='1' cellpadding='3' style='margin-right: 22px'>

  <x:fieldL b='#{bean}' t='Almacen'  v='#{bean.kardex.almacen.id}'/>

  <x:fieldS b='#{bean}' t='Persona'  v='#{bean.kardex.persona}'  x='#{x}' xL='#{x.nombre}' id='personaId' onkeydown='tab()' w='247px'/>

  <x:fieldM b='#{bean}' t='Producto' v='#{bean.kardex.material}' x='#{x}' id='materialId'/>

  <x:fieldB b='#{bean}' t='Cantidad' v1='#{bean.kardex.entradaCantidad}' v2='#{bean.kardex.entradaCosto}' l='detailAdd' id='cantidadId'/>

  </h:panelGrid>

  <x:materialImage c='#{ITIngreso.kardex.material.id}' t='Stock' v='#{ITIngreso.stock}' tooltip='#{ITIngreso.kardex.material.valuacion}'/>

  </x:beanPanel>

</h:panelGrid>

<x:materialTable bean='#{ITIngreso}' ls='#{ITIngreso.entity.lsKardex}' edit='#{not ITIngreso.isRead}'>

<p:column headerText='Nombre'   sortBy='#{x.material.nombre}'><h:outputText value='#{x.material.codigo} - #{x.material.nombre}'/></p:column>

<p:column headerText='Cantidad' sortBy='#{x.entradaCantidad}' style='width:55px'><z:outputN v='#{x.entradaCantidad}' r='0'/></p:column>

<p:column headerText='Costo'    sortBy='#{x.entradaCosto}'    style='width:50px'><z:outputN v='#{x.entradaCosto}' /></p:column>

<p:column headerText='Importe'  sortBy='#{x.entradaValor}'    style='width:50px'><z:outputN v='#{x.entradaValor}'/></p:column>

<p:column headerText='Almacen'  sortBy='#{x.almacen.nombre}'  style='width:100px'><h:outputText value='#{x.almacen.nombre}' title='#{x.almacen.codigo}'/></p:column>

<p:column headerText='Persona'  sortBy='#{x.persona.nombre}'  style='width:100px'><h:outputText value='#{x.persona.nombre}' title='#{x.persona.nombre}'/></p:column>

</x:materialTable>

</h:panelGrid>


<e:dataTable bean='#{ITIngreso}'>

<z:columnT t='Ingreso'    v='#{x.id}' w='60px'/>

<z:columnT t='Motivo'     v='#{x.motivo.nombre}'/>

<z:columnT t='Almacenero' v='#{x.almacenero.usuario.persona.nombre}'/>

<z:columnT t='Documento'  v='#{x.documento}'/>

<z:columnD t='Fecha'      v='#{x.fecha}' w='70px' x='t'/>

</e:dataTable>

</h:panelGroup>